<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>02-多列图片案例</title>
  <style>
    div{
      column-count: 5;
      
    }
    img{
      width: 100%;
      transition: 0.4s all linear;
    }
    img:hover{
      box-shadow: 0px 0px 80px black;
      transform: scale(1.1);
    }
  </style>
</head>
<body>
  <div>
    <img src="../images/img1.jpg" alt="">
    <img src="../images/img2.jpg" alt="">
    <img src="../images/img3.jpg" alt="">
    <img src="../images/img4.jpg" alt="">
    <img src="../images/img5.jpg" alt="">
    <img src="../images/img6.jpg" alt="">
    <img src="../images/img7.jpg" alt="">
    <img src="../images/img8.jpg" alt="">
    <img src="../images/img9.jpg" alt="">
    <img src="../images/img11.jpg" alt="">
    <img src="../images/img12.jpg" alt="">
    <img src="../images/img1.jpg" alt="">
    <img src="../images/img2.jpg" alt="">
    <img src="../images/img3.jpg" alt="">
    <img src="../images/img4.jpg" alt="">
    <img src="../images/img5.jpg" alt="">
    <img src="../images/img6.jpg" alt="">
    <img src="../images/img7.jpg" alt="">
    <img src="../images/img8.jpg" alt="">
    <img src="../images/img9.jpg" alt="">
    <img src="../images/img11.jpg" alt="">
    <img src="../images/img12.jpg" alt="">
    <img src="../images/img1.jpg" alt="">
    <img src="../images/img2.jpg" alt="">
    <img src="../images/img3.jpg" alt="">
    <img src="../images/img4.jpg" alt="">
    <img src="../images/img5.jpg" alt="">
    <img src="../images/img6.jpg" alt="">
    <img src="../images/img7.jpg" alt="">
    <img src="../images/img8.jpg" alt="">
    <img src="../images/img9.jpg" alt="">
    <img src="../images/img11.jpg" alt="">
    <img src="../images/img12.jpg" alt="">
    <img src="../images/img1.jpg" alt="">
    <img src="../images/img2.jpg" alt="">
    <img src="../images/img3.jpg" alt="">
    <img src="../images/img4.jpg" alt="">
    <img src="../images/img5.jpg" alt="">
    <img src="../images/img6.jpg" alt="">
    <img src="../images/img7.jpg" alt="">
    <img src="../images/img8.jpg" alt="">
    <img src="../images/img9.jpg" alt="">
    <img src="../images/img11.jpg" alt="">
    <img src="../images/img12.jpg" alt="">




  </div>
  
</body>
</html>